<template>
<div >
  <van-tabs v-model="active">
  <van-tab title="商品介绍">
    <img :src="v" alt="" v-for="(v,index) in imgs" :key="index">
  </van-tab>
  <van-tab title="售后保障" style="height:700px">
    <van-divider >权力声明</van-divider>
    <p>
京东商城上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东商城重要的经营资源，未经许可，禁止非法转载使用。注：本站商品信息均来自于厂商，其真实性、准确性和合法性由信息拥有者（厂商）负责。本站不提供任何保证，并不承担任何法律责任。</p>
<van-divider>价格声明</van-divider>
<p><strong>1.京东价：</strong>京东价为商品的销售价，是您最终决定是否购买商品的依据。</p>
<p><strong>2.划线价：</strong>商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。</p>
<p><strong>3.折扣：</strong> 如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。</p>
<p><strong>4.异常问题：</strong>商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。</p>
  </van-tab>
</van-tabs>
</div>
</template>

<script>
import Vue from 'vue';
import { Tab, Tabs } from 'vant';

Vue.use(Tab);
Vue.use(Tabs);
import { Divider } from 'vant';

Vue.use(Divider);
export default {
      props:["kach"],
 data() {
    return {
      active: 0,
      imgs:[]
    };
  },
   mounted() {
    this.$nextTick(() => {
      this.imgs = this.kach;
    });
}
}
</script>

<style scoped>
    img {
        width: 100%;
    }
    p {
        margin: 8px;
        font-size: 12px;
        color: #666;
    }
</style>